<template>
  <div class="weekend">
    <p class="title">周末去哪儿</p>
    <div class="item">
      <img src="../../../assets/images/1ea71e2f04e.jpg_r_640x214_aa6f091d.jpg" alt="">
      <div class="item-info">
        <p class="weekend-title">北京温泉排行榜</p>
        <p class="weekend-desc">细数北京温泉，温暖你的冬天</p>
      </div>
    </div>
    <div class="item">
      <img src="../../../assets/images/7baaf8a851d221.jpg_r_640x214_1431200f.jpg" alt="">
      <div class="item-info">
        <p class="weekend-title">北京必游TOP10</p>
        <p class="weekend-desc">来北京必去的景点非这些地方莫属</p>
      </div>
    </div>
    <div class="item">
      <img src="../../../assets/images/21df651e19af5d.jpg_r_640x214_3ea5bb38.jpg" alt="">
      <div class="item-info">
        <p class="weekend-title">寻找北京的皇城范儿</p>
        <p class="weekend-desc">数百年的宫廷庙宇，至今依旧威严霸气</p>
      </div>
    </div>
    <div class="item">
      <img src="../../../assets/images/bc89bc2f0e33ea.jpg_r_640x214_3e408453.jpg" alt="">
      <div class="item-info">
        <p class="weekend-title">学生最爱的博物馆</p>
        <p class="weekend-desc">周末干嘛？北京很多博物馆已经免费开放啦</p>
      </div>
    </div>
    <div class="item">
      <img src="../../../assets/images/fde1bfcd057a52.jpg_r_640x214_bbf3fa44.jpg" alt="">
      <div class="item-info">
        <p class="weekend-title">儿童剧场，孩子的乐园</p>
        <p class="weekend-desc">带宝贝观看演出，近距离体验艺术的无穷魅力</p>
      </div>
    </div>

  </div>
</template>

<script>
export default {
  name: 'Weekend',
  props: ['weekendList']
}
</script>

<style lang="stylus" scoped>
  .title
    line-height:.8rem
    background-color: #eee
    text-indent 1em
  .item > img
    width:100%
  .item > .item-info
    padding: .1rem
  .item >.item-info > .weekend-title
    font-size .32rem
    line-height:.54rem
    white-space nowrap
    text-overflow ellipsis
    overflow: hidden
  .item > .item-info > .weekend-desc
    line-height:.4rem
    color: #ccc
    white-space nowrap
    text-overflow ellipsis
    overflow: hidden
</style>
